.ui-avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
}

.ui-avatar > * {
    position: absolute;
}

.ui-avatar.ui-avatar-circle {
    border-radius: 50%;
}

.ui-avatar-circle img {
    border-radius: 50%;
}

.ui-avatar .ui-avatar-icon {
    font-size: 1rem;
}

.ui-avatar img {
    width: 100%;
    height: 100%;
}

.ui-avatar.ui-avatar-dark {
    color: #fff;
}

.ui-avatar.ui-avatar-light {
    color: #495057;
}
